<template>
	<view class="page">
		<view class="title">---- 提示用户下载Line 页面----</view>
		<button size="default" @tap="upload">网页浏览器打开，提示用户下载 LINE</button>
		<view class="title">---- 1.打开相机和相机胶卷以发送图像----</view>
		<button size="default" @tap="camera">打开相机屏幕</button>
		<view class="tip">此 URL 方案仅在 LINE 聊天中受支持。</view>
		<view class="title">----2.发送位置信息----</view>
		<button size="default" @tap="location">打开“位置”屏幕</button>
		<view class="tip">此 URL 方案仅在用户与 LINE 公众号的一对一聊天中支持。</view>
		<view class="title">---3.分享一个LINE公众号----</view>
		<button size="default" @tap="addP">打开个人资料，将指定的 LINE 公众号添加为好友。</button>
		<button size="default" @tap="recommendOA">打开“分享对象”屏幕 打开“分享对象”屏幕</button>
		<view class="title">----4.打开LINE官方LINE VOOM和个人资料----</view>
		<button size="default" @tap="main">打开指定LINE公众号的LINE VOOM</button>
		<button size="default" @tap="public">打开指定 LINE 公众号的个人资料</button>
		<button size="default" @tap="post">为指定的 LINE 公众号打开特定的 LINE VOOM 帖子</button>
		<view class="title">----5.发送消息----</view>
		<button size="default" @tap="share">打开“共享对象”屏幕</button>
		<button size="default" @tap="oaMessage">打开LINE官方账号的聊天画面</button>
		<view class="title">----6.打开个人资料信息----</view>
		<button size="default" @tap="profile">打开用户的“我的个人资料”屏幕。</button>
		<button size="default" @tap="profileSetId">打开用户的“LINE ID”画面</button>
		<view class="title">----7.打开常用 LINE 画面 ----</view>
		<button size="default" @tap="chat">打开“聊天”屏幕</button>
		<button size="default" @tap="voom">打开“LINE VOOM”画面</button>
		<button size="default" @tap="wallet">打开“钱包”屏幕</button>
		<button size="default" @tap="addFriends">打开“添加朋友”屏幕</button>
		<button size="default" @tap="officialAccounts">打开“官方帐户”屏幕</button>
		<view class="title">----8.打开常用 LINE 设置画面 ----</view>
		<button size="default" @tap="settings">打开“设置”屏幕</button>
		<button size="default" @tap="account">打开用户信息屏幕</button>
		<button size="default" @tap="connectedApps">打开“授权应用程序”屏幕</button>
		<button size="default" @tap="connectedDevices">打开“连接的设备”屏幕</button>
		<button size="default" @tap="privacy">打开“隐私”屏幕</button>
		<button size="default" @tap="deviceLink">打开“LINE Things”设置画面</button>
		<button size="default" @tap="sticker">打开“贴纸”设置屏幕</button>
		<button size="default" @tap="mySticker">打开“我的贴纸”屏幕</button>
		<button size="default" @tap="themeAndroid">打开“主题”设置屏幕(android)</button>
		<button size="default" @tap="themeIos">打开“主题”设置屏幕(ios)</button>
		<button size="default" @tap="themeSettings">打开“我的主题”屏幕</button>
		<button size="default" @tap="notificationServiceDetail">打开“授权应用程序”屏幕</button>
		<button size="default" @tap="chatSettings">打开“聊天”设置屏幕</button>
		<button size="default" @tap="suggestSettings">在“聊天”设置中打开“显示建议”屏幕</button>
		<button size="default" @tap="callSettings">打开“通话”设置屏幕</button>
		<button size="default" @tap="addressBookSync">打开“朋友”设置屏幕</button>
		<button size="default" @tap="timelineSettings">打开“LINE VOOM”设置画面</button>
		<view class="title">---- 9.打开贴纸店 ----</view>
		<button size="default" @tap="stickerDetail">打开指定贴纸屏幕</button>
		<button size="default" @tap="category">显示指定类别的流行度排名</button>
		<button size="default" @tap="author">打开指定作者的贴纸集列表</button>
		<button size="default" @tap="stickerShop">在“贴纸商店”屏幕中打开“主页”选项卡</button>
		<button size="default" @tap="hot">在“贴纸商店”屏幕中打开“排名”选项卡(榜单)</button>
		<button size="default" @tap="update">在“贴纸商店”屏幕中打开“新”选项卡</button>
		<button size="default" @tap="event">在“贴纸商店”屏幕中打开“免费”选项卡</button>
		<button size="default" @tap="category">在“贴纸商店”屏幕中打开“类别”选项卡</button>
		<view class="title">---- 10.开设主题店 ----</view>
		<button size="default" @tap="themeAuthor">打开指定创作者主题的“主题信息”屏幕</button>
		<view class="title">---- 11.使用 LINE  拨打电话 ----</view>
		<button size="default" @tap="calls">打开 LINE Out 的“通话”画面</button>
		<button size="default" @tap="dialpad">打开“LINE Out”拨号盘屏幕</button>
		<button size="default" @tap="callSettings">打开“LINE Out 设置”画面</button>
		<button size="default" @tap="contacts">打开“联系人”屏幕</button>
		<button size="default" @tap="redeem">打开“LINE Out Credit”屏幕</button>
		<view class="title">---- 12.打开 LIFF 应用程序 ----</view>
		<button size="default" @tap="liff">打开由 指定的 LIFF 应用程序</button>
		<view class="title">---- 13.在外部浏览器中打开 URL ----</view>
		<button size="default" @tap="openExternalBrowser">在外部浏览器中打开目标 URL</button>
		<button size="default" @tap="openExternalBrowserS">在 Chrome 自定义选项卡中打开目标 URL</button>
	</view>
</template>

<script>
	export default{
		data(){
			return {
			}
		},
		methods:{
			upload:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/";
				// #endif
			},
			camera:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/camera/";
				// #endif
			},
			location:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/location/";
				// #endif
			},
			addP:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/ti/p/@linedevelopers";
				// #endif
			},
			recommendOA:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/recommendOA/@linedevelopers";
				// #endif
			},
			main:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/home/public/main?id=linedevelopers";
				// #endif
			},
			public:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/home/public/profile?id=linedevelopers";
				// #endif
			},
			post:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/home/public/post?id=linedevelopers";
				// #endif
			},
			share:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/share?text=测试分享内容";
				// #endif
			},
			oaMessage:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/oaMessage/@linedevelopers?测试分享内容";
				// #endif
			},
			profile:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/profile";
				// #endif
			},
			profileSetId:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/profileSetId";
				// #endif
			},
			chat:()=>{
				// #ifdef H5
				window.location.href ="https://line.me/R/nv/chat";
				// #endif
			},
			voom:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/timeline"
				// #endif
			},
			wallet:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/wallet"
				// #endif
			},
			addFriends:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/addFriends"
				// #endif
			},
			officialAccounts:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/officialAccounts"
				// #endif
			},
			settings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings"
				// #endif
			},
			account:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/account"
				// #endif
			},
			connectedApps:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/connectedApps"
				// #endif
			},
			connectedDevices:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/connectedDevices"
				// #endif
			},
			privacy:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/privacy"
				// #endif
			},
			deviceLink:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/things/deviceLink"
				// #endif
			},
			sticker:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/sticker"
				// #endif
			},
			mySticker:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/stickerShop/mySticker"
				// #endif
			},
			themeAndroid:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/theme"
				// #endif
			},
			themeIos:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/themeSettingsMenu"
				// #endif
			},
			themeSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/themeSettings"
				// #endif
			},
			notificationServiceDetail:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/notificationServiceDetail"
				// #endif
			},
			chatSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/chatSettings"
				// #endif
			},
			suggestSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/suggestSettings"
				// #endif
			},
			callSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/callSettings"
				// #endif
			},
			addressBookSync:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/addressBookSync"
				// #endif
			},
			timelineSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/settings/timelineSettings"
				// #endif
			},
			stickerDetail:()=>{
				/* 
				 1.打开 https://store.line.me/
				 2.点击 表情包
				 3.在地址栏获取package_id
				 */
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/detail/19418242"
				// #endif
			},
			category:()=>{
				/*
				 1.打开 https://store.line.me/
				 2.点击 官方贴图
				 3.下滑看到分类，点击某个分类
				 4.在分类地址栏 获取  category https://store.line.me/stickershop/showcase/top/zh-Hans?category=1000082
				 */
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/category/1000082"
				// #endif
			},
			author:()=>{
				/*
				 1.打开 https://store.line.me/
				 2.点击 个人原创表情贴
				 3.随便点击某个表情
				 4.点击表情作者
				 5.在地址栏获取作者ID https://store.line.me/stickershop/author/839622/zh-Hans
				 */
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/author/839622"
				// #endif
			},
			stickerShop:()=>{
				/*
				 贴图商品贴图的tab
				 1.主页
				 2.榜单
				 3.新
				 4.免费
				 5.表情贴
				 6.分类
				 */
				// #ifdef H5
				window.location.href = "https://line.me/R/nv/stickerShop"
				// #endif
			},
			hot:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/hot"
				// #endif
			},
			update:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/new"
				// #endif
			},
			event:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/event"
				// #endif
			},
			category:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/sticker/category"
				// #endif
			},
			themeAuthor:()=>{
				/*
				 1.打开 https://store.line.me/
				 2.点击 官方主题
				 3.随便点击一个主题
				 4.在地址栏获取product_id https://store.line.me/themeshop/product/9a021487-f7dc-4b2b-b9b0-829b015bf144/zh-Hans
				 */
				// #ifdef H5
				window.location.href = "https://line.me/R/shop/theme/detail?id=9a021487-f7dc-4b2b-b9b0-829b015bf144"
				// #endif
			},
			calls:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/calls"
				// #endif
			},
			dialpad:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/call/dialpad"
				// #endif
			},
			callSettings:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/call/settings"
				// #endif
			},
			contacts:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/call/contacts"
				// #endif
			},
			redeem:()=>{
				// #ifdef H5
				window.location.href = "https://line.me/R/call/redeem"
				//  #endif
			},
			liff:()=>{
				/* 
				 
				 */
				// #ifdef H5
				window.location.href = "https://liff.line.me/"
				//  #endif
			},
			openExternalBrowser:()=>{
				// #ifdef H5
				window.location.href = "https://www.google.com.hk/?openExternalBrowser=1"
				//  #endif
			},
			openExternalBrowserS:()=>{
				// #ifdef H5
				window.location.href = "https://www.google.com.hk/?openExternalBrowser=0"
				//  #endif
			}
		}
	}
</script>

<style scoped>
.page{
	padding : 20px;
}
.title{
	text-align: center;
	margin-bottom: 10px;
	font-weight: 900;
	color: #333;
}
button{
	margin-bottom: 20px;
	font-size: 12px;
}
.tip{
	font-size: 14px;
	color: red;
}
</style>